<template>
    <li>
        <input type="checkbox" :checked="todo.done" @change="toggleTodo(todo)">
        {{todo.text}}
        {{todo.done}}
        <button @click="removeTodo(todo)">x</button>
    </li>
</template>
<script>
import {mapActions} from 'vuex'
export default {
    props:['todo'],
    methods:{
        ...mapActions([
            'removeTodo',
            'toggleTodo'
        ])
    }
}
</script>
